<%@page import="website.modelo.Oferta"%>
<%@page import="java.util.List"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>TB_Parcial</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-theme.css" rel="stylesheet">
<link href="css/offcanvas.css" rel="stylesheet">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.js"></script>
<style type="text/css">
.margin-body {
	margin-top: 50px;
}
</style>
</head>
<body>
	<jsp:include page="menuRespFam.jsp"/>

	<div class="container margin-body">
		<table>
			<tr>
				<td colspan="10">
					<div class="row">
						<%
							List<Oferta> ofertas = (ArrayList<Oferta>) request
									.getAttribute("ofertas");
							
							if(ofertas!=null) {
			
								for (int i = 0; i < ofertas.size(); i++) {
									Oferta oferta = ofertas.get(i);
				
									if (oferta.getUbicacionWebOferta().equalsIgnoreCase("SUP")) {
						%>
										<div class="col-md-1 table-bordered" style="width: 10%;">
											<h4><%=oferta.getNombreOferta() %></h4>
											<small><%=oferta.getDescripcionOferta() %></small>
											<small><%=oferta.getFechaCaducidadOferta() %></small>
										</div>
						<% 			}
								}
							} %>
					</div>
				</td>
			</tr>
			<tr>
				<td style="width: 10%;">
					<% if(ofertas!=null) { 
			        	  for (int i = 0; i < ofertas.size(); i++) {
								Oferta oferta = ofertas.get(i);
				
									if (oferta.getUbicacionWebOferta().equalsIgnoreCase("LAT")) {
						%>
										<div class="row table-bordered" style="width: 108%;">
											<div class="col-sm-1">
												<h4><%=oferta.getNombreOferta() %></h4>
												<small><%=oferta.getDescripcionOferta() %></small>
												<small><%=oferta.getFechaCaducidadOferta() %></small>
											</div>
										</div>
					<% 			 }
							}
						} %>
				</td>
				<td>
					<div class="jumbotron">
						<h1>Pagina Responsable familia</h1>
						<p></p>
					</div>
				</td>
			</tr>
		</table>

		
		
	</div>

</body>
</html>
